<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<!--
    
 <router-link>还有一些其他属性:
    1. tag: tag可以指定<router-link>之后渲染成什么组件,默认是渲染成一个a标签
       <router-link to="/Home" tag="button">首页</router-link>
    2.replace: replace不会留下history记录, 所以指定replace的情况下, 后退键返回不能返回到上一个页面中
        <router-link to="/Home" tag="button" replace>首页</router-link>
    3.active-class: 当<router-link>对应的路由匹配成功时, 会自动给当前元素设置一个router-link-active的class,
                     就是你点哪个router-link，class：router-link-active就会出现在哪个router-link中
         可以修改class名的默认值router-link-active为任意值
        方式一： <router-link to="/About" replace active-class="active">关于</router-link>
        方式二：在router——index.js中 修改配置为：(这个方法可以一次修改所有的class)
                     const router=new VueRouter({
                       routes,
                       mode:'history'
                       linkActiveClass:'active'
                     })
-->
</body>
</html>